@import "../../../assets/css/Master/index";

.VideoCard {
  .Masterfun();
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
  //background: url("../img/bg2.gif") no-repeat;
  background-size: 100%;

  video, .bgss {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }


  .content {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    color: #fff;

    .BookShelf {
      font-size: 2rem;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      overflow-scrolling: touch;
      animation: myfirst 1s;
      -webkit-animation: myfirst 1s;
      width: 100%;

      .tests {
        position: absolute;
        top: 29%;
        left: 0;
        box-sizing: border-box;
        width: 100%;
        z-index: 99;

        .nickname {
          width: 6rem;
          height: 6rem;
          margin: 0rem auto 1.2rem auto;

          img {
            width: 100%;
            border-radius: 50%;
          }
        }

        .username {
          text-align: center;
          font-size: 1.8rem;
          font-weight: 900;
          color: #fff;

          span {
            border-bottom: .2rem solid #fff;
            padding-bottom: .5rem;
          }
        }

        .illst {
          display: flex;
          justify-content: center;
          margin-top: 2.5rem;

          .nums {
            text-align: left;
            font-size: 1.6rem;
            line-height: 2;
            color: #fff;
            width: 76%;
            span {
              border-bottom: 1px dashed #fff;
            }
          }
        }
      }

      .foot {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 4.9rem;
        background-color: #fff;
        z-index: 50;
      }


      .qrimg {
        position: absolute;
        width: 90%;
        z-index: 111;
        top: 75.3%;
        left: 5%;

        img {
          border-radius: .5rem;
          width: 100%;
        }
      }
    }
  }
}
